.login-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f5f7fa;
  
  .login-card {
    width: 100%;
    max-width: 400px;
    margin: 20px;
    
    .ant-card-head-title {
      text-align: center;
      
      h2 {
        margin: 0;
        font-size: 24px;
        color: #303133;
      }
    }
    
    .code-input {
      display: flex;
      gap: 12px;
      
      .ant-input {
        flex: 1;
      }
      
      .ant-btn {
        width: 120px;
      }
    }
    
    .login-button {
      width: 100%;
    }
  }
}

@media (max-width: 350px) {
  .login-container {
    padding: 12px;
    
    .login-card {
      .ant-card-body {
        padding: 12px;
      }
      
      .code-input {
        .ant-btn {
          width: 90px;
          font-size: 11px;
        }
      }
    }
  }
} 